// 个人中心实现
// 获取元素
var userName = document.querySelector('.username')
var ageInp = document.querySelector('.age')
var genderInp = document.querySelector('.gender')
var nickName = document.querySelector('.nickname')
var formBtn = document.querySelector('form')
// 获取用户 token 和 id 值
let token = window.localStorage.getItem('token')
let id = window.localStorage.getItem('id') - 0
// 设定一个函数
setSelf()
async function setSelf(){
// 首先判断有没有token 和 id
if(!id || !token){
  // 需要从新登录
 window.location.href = '../views/denglu.html'
  return
}	
// 代码能执行到这里说明登录过 但是现在未必是处于登录状态
// 需要发送请求验证
let res = await pAjax({
      url: 'http://localhost:8888/users/info',
      data: { id },
      datatype: 'json',
      headers: { 'authorization': token }
  })
  // 判断code 是否 =1 
if (res.code !== 1) return window.location.href = '../views/denglu.html'
  // 代码能执行到这里 说明确实是处于登录状态
  // 需要把之前的信息填如到表格中
  // 用解构对象
  let { username, gender, age, nickname } = res.info
  // 填入到表格中
  userName.value = username
  ageInp.value = age
  genderInp.value = gender
  nickName.value = nickname
}
// 修改后需要重新获取并提交到后端
formBtn.addEventListener('submit',async e => {
  // 兼容
  e = e || window.event
  // 修改默认值
  try { e.preventDefault() } catch (err) { e.returnValue = false }
  // 收集用户信息
  // 因为我们传递的参数可以的一个对象 
  // 我们收集的时候就收集到对象中
      let info = {
          id,
          age: ageInp.value,
          gender: genderInp.value,
          nickname: nickName.value
      }
  // 收集好的数据发送到后端
  let res = await pAjax({
       url: 'http://localhost:8888/users/update',
       data: info,
       method: 'post',
       headers: { 'authorization': token },
       datatype: 'json'
  })

   // 判断code
   if (res.code !== 1) return alert('联系管理员')

   // 代码能执行到这里 说明修改成功
   alert('恭喜你修改成功')
   window.location.href = '../views/index.html'
   // console.log(res);
  
})